@import './_variable.scss';
body { background-color: #f2f2f2; }
.rich_media_area { background-color: #fff; padding: 20px 16px 12px; }
.rich_media_title { line-height: 1.4; margin-bottom: 14px; }
.rich_media_meta { margin-bottom: 22px; line-height: 1; }
.rich_media_meta_txt { font-size: 15px; margin: 0 10px 10px 0; display: inline-block; }
.rich_media_content {
  position: relative; overflow: hidden; color: #333; font-size: 17px; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: justify; position: relative; z-index: 0;
}
.rich_media_footer { font-size: 15px; margin-top: 20px; }
.rich_media_footer .active { font-weight: bold; }

.comment_media_title { margin-bottom: 12px; }
.comment_media_area { padding: 20px 16px 30px; font-size: 15px; }
.comment_media_item { padding: 12px 0; }
.comment_media_item .avatar { width: 34px; height: 34px; margin-right: 6px; }
.comment_media_meta { width: calc(100% - 40px); }
.comment_media_meta .user_info { font-size: 14px; margin-bottom: 3px; }
.comment_media_meta .author-info { margin-top: 5px; }
.comment_media_meta .author_item { border-left: 2px solid #1aad19; text-indent: 5px; }
.comment_media_meta .user_item,
.comment_media_meta .author_item { display: inline-block; }
.comment_media_meta .user_item .iconfont { margin-right: 3px; }
.comment_media_desc { font-size: 15px; }
.comment_media_footer {
  width: 100%; height: 50px;
  background: transparent url() center / contain no-repeat;
  background-position-x: 10vw;
}
.comment_nothing { height: 40px; line-height: 40px; text-align: center; }

.message_area { position: fixed; z-index: 998; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.message_mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); }
.message_media { position: absolute; bottom: 0; width: 100%; background-color: #fff; padding: 10px 12px; }
.message_btns .btn { padding: 5px 12px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; }
.message_btns .btn.sub_btn { background-color: $wechat; color: #fff; border-color: $wechat; }
.message_txt { margin-top: 10px; }
.message_txt textarea { width: 100%; background-color: #f7f7f7; border-radius: 5px; border: 0; resize: none; outline: 0; padding: 10px 15px; font-size: 14px; }
.message_media .wechat_btn { margin-top: 10px; }

.turntable {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 8; background: rgba(0,0,0,0.6)}


/* 骨架图 */
.gj-cont, .gj-desc, .gj-title { @extend .paragraph; }
.gj-title { width: 100%; height: 30px; margin-bottom: 14px; }
.gj-desc { height: 26px; margin-bottom: 22px; }
.gj-cont { height: 100vh; }
